<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>群聊</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/contact-service.css">
</head>

<body class="group-mate">
    <div class="contact-service">
        <header class="p-head">
            <a href="javascript:;" class="callback"></a>
            <h2 class="p-title">河大校友群成员</h2>
            <div>
                <span style="font-size:.28rem;color:#333">1888</span>
                <i class="group-icon" style="margin-left:.2rem"></i>
            </div>
        </header>
        <div class="mate-members">
            <h4 class="ms">
                <p>
                    <span>A</span>
                </p>
            </h4>
            <ul class="mate-list">
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>爱新觉罗努尔哈赤</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>爱新觉罗努尔哈赤</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>安陵容</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>安陵容</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>鳌拜</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>鳌拜</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>爱新觉罗努尔哈赤</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>爱新觉罗努尔哈赤</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>安陵容</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>安陵容</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>鳌拜</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>鳌拜</span></a>
                </li>
            </ul>
            <h4 class="ms">
                <p>
                    <span>B</span>
                </p>
            </h4>
            <ul class="mate-list">
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>白鑫</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>包拯</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>包贝尔</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>白起</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>拜拜</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>白字</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>白鑫</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>包拯</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>包贝尔</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>白起</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>拜拜</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>白字</span></a>
                </li>
            </ul>
            <h4 class="ms">
                <p>
                    <span>C</span>
                </p>
            </h4>
            <ul class="mate-list">
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>蔡康永</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>陈数</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>车诚俊</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>岑参</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>陈鑫</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>彩霞</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>蔡康永</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai"></i><span>陈数</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>车诚俊</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai2"></i><span>岑参</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>陈鑫</span></a>
                </li>
                <li>
                    <a href="javascrpt:;"><i class="ai ai3"></i><span>彩霞</span></a>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>